Jquery mouseover 与 mouseout
在 Jquery中，最为常用的是鼠标悬停mouseover以及鼠标移除mouseout，分别可以实现当鼠标悬停时触发的效果以及鼠标移除时所做的动作，本文我们通过配合fadeToggle来实现当鼠标悬停以及鼠标移除时所做的淡出、淡退的效果：
1
2
3
4
5
6
7
8
9
10
| <script>
$(document).ready(function () {
$("#issue").mouseover(function () {
$("#issuer").fadeToggle(1000);
});
$("#issue").mouseout(function () {
$("#issuer").fadeToggle(1000);
});
});
</script>
|
当然如果你觉得消失的太快，也可以设置一下消失方法的停留时间，即mouseout方法下添加setTimeout：
1
2
3
4
5
6
7
8
9
10
| $(document).ready(function () {
$("#issue").mouseover(function () {
$("#issuer").fadeToggle(1000);
});
$("#issue").mouseout(function () {
setTimeout(function() {
$("#issuer").fadeToggle(1000);
},3000)
});
});
|
